﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>积分商城_第七大道网页游戏平台_打造绿色快乐的网页游戏</title>
<link rel="stylesheet" type="text/css" href="css/integral-mall.css" />
<script type="text/javascript" src="js/jquery-2.1.1.js"></script> 
</head>

<body>
<div class="imitate-area">
    <div class="imitate-head">
       <div class="imitate-top">
         <a href="#"><img src="images/主页图/index-modal1_r1_c1.png"></a>
	     <a href="#"><img src="images/主页图/index-modal1_r1_c2.png"></a>
       </div>
    </div>
    <div class="imitate-nav">
       <div class="nav">
           <a href="index.html"><span>首页</span></a>
           <a href="web game.html"><span>网页游戏</span></a>
           <a href="mobile phone game.html"><span>手机游戏</span></a>
           <a href="integral mall.html" id="active"><span>积分商城</span></a>
           <a href="unlogin.html"><span>个人中心</span></a>
           <a href="game pay.html"><span>游戏充值</span></a>
           <a href="service center.html"><span>客服中心</span></a>
       </div>
    </div>
    <div class="container-content">
     <div class="content-left">
        <div class="imitate-content-left1"><!--登录、注册等-->
             <div class="login-box">  
                    <form action="#">
                       <div class="login-input">
                          <h3>登录名:</h3><input type="text" class="login-input1"  placeholder="手机号/账户名/邮箱"/>
                          <h3>密码:</h3><input type="password" class="login-input1" placeholder="请输入密码"/>
                       </div>
                       <div class="remember-forget">
                          <label>
                            <a href="#" class="reg" style="color:#CCC;">忘记密码</a>
                            <a href="#" class="reg1" style="color:#F60;">免费注册</a>
                          </label>
                          <input type="checkbox" checked="" id="remember-me" class="remember-pa" value=""/><label for="remember-me" class="remember-pa1">记住密码</label>
                       </div>
                       <span class="cl-login-btn" id="l-login-btn">登录</span>
                   </form>    
                       <div class="fast-login">
                         <span class="fas">快速登录：</span>
                         <a href="#" class="u-qq"><img src="images/login/qick-05.jpg"></a>
                         <a href="#" class="u-sina"><img src="images/login/qick-01.jpg"></a>
                         <a href="#" class="u-rr"><img src="images/login/qick-02.jpg"></a>
                         <a href="#" class="u-tx"><img src="images/login/qick-04.jpg"></a>
                         <a href="#" class="u-bz"><img src="images/login/qick-03.jpg"></a>
                       </div>
                       <div class="more">
                           <div class="more-fuc"><img src="images/login/key-safe.png"/><a href="#" class="a"><span>找回密码</span></a></div>
                           <div class="more-fuc"><img src="images/login/lock.png"/><a href="#" class="b"><span>账号安全</span></a></div>
                           <div class="more-fuc"><img src="images/login/recharge.png"/><a href="#" class="c"><span>游戏充值</span></a></div>
                           <div class="more-fuc"><img src="images/login/server.png"/><a href="#" class="d"><span>客服中心</span></a></div>
                       </div>
               </div>
        </div><!--登录、注册等结束-->

          <div class="recommend-server"><!--选项卡面板-->
             <div class="recommend1">
              <ul class="table-list">
                  <li class="selected"><a  class="tab-control"><h3>最新开服列表</h3></a></li>
                  <li><a  class="tab-control"><h3>新服推荐</h3></a></li>
              </ul>
            <div class="contt">
               <div class="tab-panel" >
                   <table>
                       <tr>
                           <th class="tb-left">时&nbsp;间</th>
                           <th >服务器</th>
                           <th class="tb-right">游戏名称</th>
                       </tr>
                       <tr >
                            <td class="tb-left" style="color:#F60;font-weight:bold;">12-07</td>
                            <td><a href="#" style="color:#F60;font-weight:bold;">S61魔神熔炉</a></td>
                            <td class="tb-right"><a href="http://sq4.7road.com/" style="color:#F60;font-weight:bold;">神曲4</a></td>
                       </tr>
                       <tr>
                            <td class="tb-left" style="color:#F60;font-weight:bold;">12-05</td>
                            <td><a href="#" style="color:#F60;font-weight:bold;">S76航海时代</a></td>
                            <td class="tb-right" ><a href="http://ddt.7road.com/" style="color:#F60;font-weight:bold;">弹弹堂</a></td>
                       </tr>
                       <tr>
                            <td class="tb-left">12-01</td>
                            <td><a href="#">S988混沌岩洞</a></td>
                            <td class="tb-right"><a href="http://sq.7road.com/index">神曲2</a></td>
                       </tr>
                       <tr>
                            <td class="tb-left">12-05</td>
                            <td><a href="#"><a href="#">S76航海时代</a></td>
                            <td class="tb-right"><a href="http://ddt.7road.com/">弹弹堂</a></td>
                       </tr>
                       <tr>
                            <td class="tb-left">12-05</td>
                            <td><a href="#"><a href="#">S76航海时代</a></td>
                            <td class="tb-right"><a href="http://ddt.7road.com/">弹弹堂</a></td>
                       </tr>
                       <tr>
                            <td class="tb-left">12-01</td>
                            <td><a href="#">S988混沌岩洞</a></td>
                            <td class="tb-right"><a href="http://sq.7road.com/index">神曲2</a></td>
                       </tr>
                       <tr>
                            <td class="tb-left">12-01</td>
                            <td><a href="#">S988混沌岩洞</a></td>
                            <td class="tb-right"><a href="http://sq.7road.com/index">神曲2</a></td>
                        </tr> 
                   </table>
               </div>
               <div class="tab-panel hide">
                    <div class="sm-d">
                        <table>
                            <tr>
                                <td rowspan="3" class="rec"><a href="http://sq4.7road.com/"><img src="images/选项卡图片/1.png"></a></td>
                                <th class="rec-left" style="color:#F60;font-weight:bold;">神曲4</th>
                                <td class="rec-right">时间</td>
                            </tr>
                            <tr>
                              <td class="rec-left">S61魔神熔炉</td>
                              <td class="rec-right">12-07</td>
                            </tr>
                            <tr>
                                <td class="rec-left"><button><a href="#">进入游戏</a></button></td>
                            </tr>
                        </table>
                     </div>
                     <div class="sm-d">
                        <table>
                            <tr>
                                <td rowspan="3" class="rec"><a href="http://sq4.7road.com/"><img src="images/选项卡图片/2.png"></a></td>
                                <th class="rec-left" style="color:#F60;font-weight:bold;">神曲4</th>
                                <td class="rec-right">时间</td>
                            </tr>
                            <tr>
                              <td class="rec-left">S61魔神熔炉</td>
                              <td class="rec-right">12-07</td>
                            </tr>
                            <tr>
                                <td class="rec-left"><a href="#"><button>进入游戏</button></a></td>
                            </tr>
                        </table>
                     </div>
                     <div class="sm-d">
                        <table>
                            <tr>
                                <td rowspan="3" class="rec"><a href="http://sq4.7road.com/"><img src="images/选项卡图片/3.png"></a></td>
                                <th class="rec-left" style="color:#F60;font-weight:bold;">神曲4</th>
                                <td class="rec-right">时间</td>
                            </tr>
                            <tr>
                              <td class="rec-left">S61魔神熔炉</td>
                              <td class="rec-right">12-07</td>
                            </tr>
                            <tr>
                                <td class="rec-left"><a href="#"><button>进入游戏</button></a></td>
                            </tr>
                        </table>
                     </div>
               </div>
              </div>
            </div> 
          </div><!--recommend-server选项卡面板结束-->
          
          <div class="recommend-server2"><!--选项卡面板-->
             <div class="recommend2">
              <ul class="table-list ree">
                  <li class="selected"><a class="tab-control"><h3>新闻</h3></a></li>
                  <li><a  class="tab-control"><h3>活动</h3></a></li>
              </ul>
              <div class="conttt">
               <div class="tab-panel">
                    <ul class="hot-news">
                         <li><a href="#" style="color:#F60;font-weight:bold;" title="【微博活动】寻找心中弹弹堂的形象代言">《超神战队》封测服热情来袭！你敢来，我就敢送！</a></li>
                         <li><a href="#" style="color:#F60;font-weight:bold;"title="叫我单身贵族《弹弹堂》光棍快乐">叫我单身贵族《弹弹堂》光棍快乐</a></li>
                         <li><a href="#" style="color:#F60;font-weight:bold;" title="冰女领衔魔兽联盟《超神战队》">冰女领衔魔兽联盟《超神战队》</a></li>
                         <li><a href="#" title="弹弹堂官服s63奇幻国度9月11日11点火热开启">弹弹堂官服s63奇幻国度9月11日11点火热开启</a></li>
                         <li><a href="#" title="弹弹堂官服s62为爱守护9月4日11点火热开启">弹弹堂官服s62为爱守护9月4日11点火热开启</a></li>
                         <li><a href="#" title="弹弹堂官服s61弹王战队8月28日11点火热开启">弹弹堂官服s61弹王战队8月28日11点火热开启</a></li>
                         <li><a href="#" title="【微博活动】寻找心中弹弹堂的形象代言">【微博活动】寻找心中弹弹堂的形象代言</a></li>
                    </ul>
               </div>
               <div class="tab-panel hide">
                     <ul class="hot-news">
                         <li><a href="#" style="color:#F60;font-weight:bold;" title="手把手教你脱单秘诀 《弹弹堂3》">手把手教你脱单秘诀 《弹弹堂3》</a></li>
                         <li><a href="#" style="color:#F60;font-weight:bold;" title="第七大道选拔赛正式全面开启一邀">第七大道选拔赛正式全面开启一邀</a></li>
                         <li><a href="#" style="color:#F60;font-weight:bold;" title="《神之皇冠》体验冲级送钻 海量福利轻松拿">《神之皇冠》体验冲级送钻 海量福利轻松拿</a></li>
                         <li><a href="#" title="《梦幻天龙》冲级送钻 海量福利轻松拿">《梦幻天龙》冲级送钻 海量福利轻松拿</a></li>
                         <li><a href="#" title="豪情侠骨北乔峰 黄日华“声”动《梦幻天龙》">豪情侠骨北乔峰 黄日华“声”动《梦幻天龙》</a></li>
                         <li><a href="#" title="《弹弹堂3》s44魔幻密境4月8日10点火热开启">《弹弹堂3》s44魔幻密境4月8日10点火热开启</a></li>
                         <li><a href="#" title="《神曲2》携手40407愚人节礼包大派送">《神曲2》携手40407愚人节礼包大派送</a></li>
                    </ul>
               </div>
             </div>
             </div>
          </div><!--recommend-server2选项卡面板结束-->

      </div><!--content-left结束-->

      <div class="content-right">
         <div id="main" class="content-top">   
          <div id="index_b_hero">       
			 <div class="hero-wrap">
				<ul class="heros clearfix">
					<li class="hero">
					     <a id="jdtpic1" href="#" target="_blank">
					     <img src="images/Integral mall/mall-lb1.png"></a>
                    </li>
					<li class="hero">
					    <a href="#" target="_blank">
					    <img src="images/Integral mall/mall-lb2.png"></a>
                    </li>
                    <li class="hero">
					     <a id="jdtpic1" href="#" target="_blank">
					     <img src="images/Integral mall/mall-lb1.png"></a>
                    </li>
					<li class="hero">
					    <a href="#" target="_blank">
					    <img src="images/Integral mall/mall-lb2.png"></a>
                    </li>                 
               </ul>
			</div>
			<div class="helper">
                <a href="javascript:;" class="prev"><div class="mask-left"></div></a>
                <a href="javascript:;" class="next"><div class="mask-right"></div></a>
            </div>
		</div>     
       </div> <!--content-top结束--> 
       
       <div class="content-foods">
           <div class="foods">
               <div class="new-card-title"><img src="images/Integral mall/card.png">新手卡</div>
               <div class="new-card">
                  <div class="new-card-img">
                     <div class="img1"><img src="images/Integral mall/new-card1.png"><p>神曲 新手卡</p><span><a href="#">马上领取</a></span></div>
                  </div>
                  <div class="new-card-img">
                     <div class="img1"><img src="images/Integral mall/new-card2.png"><p>梦幻天龙 新手卡</p><span><a href="#">马上领取</a></span></div>
                  </div>
                   <div class="new-card-img">
                     <div class="img1"><img src="images/Integral mall/new-card3.png"><p>剑影 新手卡</p><span><a href="#">马上领取</a></span></div>
                  </div>
               </div>
           </div>
           
            <div class="foods">
               <div class="new-card-title"><img src="images/Integral mall/virtual.png">虚拟商品</div>
               <div class="new-card">
                  <div class="new-card-img">
                     <div class="img1">
                     <img src="images/Integral mall/virtual goods1.png">
                     <h4>积分1500</h4><h4>已兑换：455</h4>
                     <p>《神曲2》钻石礼包</p><span><a href="#">马上领取</a></span></div>
                  </div>
                  <div class="new-card-img">
                     <div class="img1">
                       <img src="images/Integral mall/virtual goods2.png">
                      <h4>积分1000</h4><h4>已兑换：78</h4>
                     <p>《剑影》纯金礼包</p><span><a href="#">马上领取</a></span></div>
                  </div>
                   <div class="new-card-img">
                     <div class="img1">
                     <img src="images/Integral mall/virtual goods3.png">
                      <h4>积分1000</h4><h4>已兑换：145</h4>
                     <p>《弹弹堂》独家礼包</p><span><a href="#">马上领取</a></span></div>
                  </div>
               </div>
           </div>
           
            <div class="foods">
               <div class="new-card-title"><img src="images/Integral mall/card.png">实物商品</div>
               <div class="new-card">
                  <div class="new-card-img">
                     <div class="img1">
                     <img src="images/Integral mall/physical goods1.png">
                      <h4>积分50000</h4><h4>已兑换：10</h4>
                     <p>神曲抱枕</p><span><a href="#">马上领取</a></span></div>
                  </div>
                  <div class="new-card-img">
                     <div class="img1">
                     <img src="images/Integral mall/physical goods2.png">
                      <h4>积分30000</h4><h4>已兑换：6</h4>
                     <p>弹弹堂抱枕</p><span><a href="#">马上领取</a></span></div>
                  </div>
                   <div class="new-card-img">
                     <div class="img1">
                     <img src="images/Integral mall/physical goods3.png">
                      <h4>积分10000</h4><h4>已兑换：45</h4>
                     <p>神曲扑克牌</p><span><a href="#">马上领取</a></span></div>
                  </div>
               </div>
           </div>
       </div>                                       
      </div><!--content-right结束-->
    </div><!--container-content结束-->
    
   <div class="foot">   
      <div class="footer">
      <a  title="抵制不良游戏" class="links_a">抵制不良游戏</a> <td style="color:#CCC;"> | </td> 
      <a  title="拒绝盗版游戏" class="links_a">拒绝盗版游戏</a> <td> | </td> 
      <a  title="注意自我保护" class="links_a">注意自我保护</a> <td> | </td> 
      <a  title="谨防受骗上当" class="links_a">谨防受骗上当</a> <td> | </td>
      <a  title="适度游戏益脑" class="links_a">适度游戏益脑</a> <td> | </td> 
      <a  title="沉迷游戏伤身">沉迷游戏伤身</a> <td> | </td>  
      <a  title="合理安排时间">合理安排时间</a> <td> | </td>  
      <a  title="享受健康生活">享受健康生活</a>
      </div>
      
      <div class="footer_nav">
       <a href="#" title="关于七道" class="links_a">关于七道</a> - 
       <a href="#"  title="联系我们" class="links_a">联系我们</a> -
       <a href="#"  title="公司招聘" class="links_a">公司招聘</a> - 
       <a href="#"  title="客户服务" class="links_a">客户服务</a> -
       <a  href="#" title="商务合作" class="links_a">商务合作</a>  
      </div>
      <div class="footer_nav">深圳第七大道科技有限公司<a href="http://www.7road.com">（ www.7road.com ）</a></div>
      <div class="footer_nav1">粤ICP备08006865号-1　《网络文化经营许可证》粤网文[2013]0214-064号</div>
      <div id="masonz">此网站由Mason舟根据第七大道仿编,并保证不做任何商业用途!</div>
   </div> 
</div>


<script src="js/integral-mall.js"></script>
<script type="text/javascript">
jQuery(function(){
	var len = jQuery(".heros li").length;
	jQuery(".heros li").each(function(index, element) {
	    len--;
	    jQuery(this).css("z-index", len);
	});
	jQuery(".hero").mousemove(function(){
		jQuery(".mask-left, .mask-right").show();
	});
	jQuery("#main").mouseleave(function(){
		jQuery(".mask-left, .mask-right").hide();
	});
})
</script>
             
</body>
</html>


